<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>粉丝管理</title>
<link href="../css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
<link href="../font-awesome/css/font-awesome.css?v=4.3.0"
	rel="stylesheet">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href="../css/animate.css" rel="stylesheet">
<link href="../css/style.css?v=2.2.0" rel="stylesheet">
</head>
<body>
	<div id="wrapper">
		<%@ include file="../include/left.jsp"%>

		<div id="page-wrapper" class="gray-bg dashbard-1">
			<%@ include file="../include/head.jsp"%>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>会员升级</h2>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight"></div>
		<div >
	<table  class="table table-striped table-bordered table-hover " style="background:#fff;" >
									<thead>
										<tr>
										    <th>星级等级</th>
											<th>一星级</th>
											<th>二星级</th>
											<th>三星级</th>
											<th>四星级</th>
										    <th>五星级</th> 
											<th>六星级</th> 
										</tr>
									</thead>
									<tbody>
									
										
											<tr class="gradeA">
											
												<th class="center">套餐价格</th>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
											</tr>
										
										<tr class="gradeA">
											
												<th class="center">升级价格</th>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
												<td>99999</td>
											</tr>
											
											
											<tr class="gradeA">
										    	<th>立即升级</th>
												<td><a href="#">点击升级</a></td>
												<td><a href="#">点击升级</a></td>
												<td><a href="#">点击升级</a></td>
												<td><a href="#">点击升级</a></td>
												<td><a href="#">点击升级</a></td>
												<td><a href="#">点击升级</a></td>
											</tr>
											
																						
											
											
										<!-- 
										<tr>
											<td colspan="5">合  计：<strong>0.02</strong></td>
											
										</tr> -->
								</table>
	
</div>

		</div>

	</div>


	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/bootstrap.min.js?v=3.4.0"></script>
	<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../js/hplus.js?v=2.2.0"></script>
	<script src="../js/plugins/pace/pace.min.js"></script>
	<script src="../js/plugins/validate/jquery.validate.min.js"></script>
	<script src="../js/plugins/validate/messages_zh.min.js"></script>
	<script>
		//以下为修改jQuery Validation插件兼容Bootstrap的方法，没有直接写在插件中是为了便于插件升级
		$.validator.setDefaults({
			highlight : function(element) {
				$(element).closest('.form-group').removeClass('has-success')
						.addClass('has-error');
			},
			success : function(element) {
				element.closest('.form-group').removeClass('has-error')
						.addClass('has-success');
			},
			errorElement : "span",
			errorClass : "help-block m-b-none",
			validClass : "help-block m-b-none"

		});
		//以下为官方示例
		$().ready(function() {
			$("#commentForm").validate();
		});
	</script>

</body>

</html>
